<template>
  <div class="content-wrap main-wrap">
    <div class="main-left">
      <slot name="left"></slot>
    </div>
    <div class="main-right hidden-sm-and-down">
      <slot name="right">
        <!--公告-->
        <notice-vue></notice-vue>
        <!--站点统计-->
        <!--<site-statistics></site-statistics>-->
        <!--标签列表-->
        <tag-list></tag-list>
      </slot>
    </div>
  </div>
</template>

<script>
  import noticeVue from "../noticeVue";
  // import siteStatistics from "../siteStatistics";
  import tagList from "../tagList";

  export default {
    name: "mainWrap",
    components: {
      noticeVue,
      // siteStatistics,
      tagList
    },
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  .main-wrap {
    display: flex;
    justify-content: space-between;

    .main-left {
      flex: 1;
      max-width: 100%;
    }

    .main-right {
      width: 300px;
      position: relative;
      margin-left: 20px;
    }
  }
  @media screen and (max-width: 767px) {
    .main-wrap {
      width: 100%;
    }
  }
</style>
